@import 'table.scss';
@import 'mixin.scss';

.right-content-box{
	.content-box{
		width: 100%;
		height: calc(100% - 26px);
	}

	@include card-title;

	.big-data{
		background: url("../img/box-body.png") left center no-repeat;
		background-size: 100% 100%;
		width: calc(50% - 5px);
		height:calc(50% - 10px);
		float: left;
		justify-content: space-between;
		margin-bottom: 7px;

		.table-tags{
			width: 100%;
			display: flex;
			height: 36px;
			align-items: center;
			justify-content: space-between;
			padding: 0 10px;
		}
		.icon-tag-info{
			padding-left:10px;
			background:url("../img/tag-info.png") left center no-repeat;
			font-weight: 400;
		}
		.left-box{
			width: 62%;
			height: 100%;
		}
		.right-box{
			width: 38%;
			height: 100%;
		}
		.table-box{
			height: calc(100% - 36px);
			display: flex;
			overflow: hidden;
			padding:0 10px;
			.right-table{
				width: calc(38% - 10px);
				height: 100%;
				margin-left: 10px;
				position: relative;

				&:after{
					content: "";
					position:absolute;
					width: 1px;
					height: 100%;
					top:0;
					left: -5px;
					background:rgba(40, 180, 255, 0.27);
				}
			}
			th.no,
			td.no{
				width: 44px;
			}
			th.date,
			td.date{
				width: 110px;
			}
			.method{
				color:rgba(0, 252, 255, 1);
			}
		}
	}
}